<?php
	session_start();
	header('Content-Type: text/html; charset=UTF-8');
	if(isset($_POST['name']))
	{
		$anombre = $_POST['name'];
		$email = $_POST['email'];
		$campos = $_POST['cantidad'];
		$telefono = $_POST['celular'];
		$tarjeta = $_POST['tarjeta'];
		$fecha_reservacion = $_POST['fechaR'];
		if(!isset($_POST['opcion']))
		{
			$selecciones = array();
		}
		else{
			$selecciones = $_POST['opcion'];
		}
		if(!isset($_POST['cantidad_opc1']))
		{
			$cantidad_1 = 0;
		}
		else
		{
			$cantidad_1 = $_POST['cantidad_opc1'];
		}
		if(!isset($_POST['cantidad_opc2']))
		{
			$cantidad_2 = 0;
		}
		else
		{
			$cantidad_2 = $_POST['cantidad_opc2'];
		}
		if(!isset($_POST['cantidad_opc3']))
		{
			$cantidad_3 = 0;
		}
		else
		{
			$cantidad_3 = $_POST['cantidad_opc3'];
		}
		if(!isset($_POST['cantidad_opc4']))
		{
			$cantidad_4 = 0;
		}
		else
		{
			$cantidad_4 = $_POST['cantidad_opc4'];
		}
		$otro_opc1  = $_POST['otro_opc1'];
		$otro_opc2  = $_POST['otro_opc2'];
		$otro_opc3  = $_POST['otro_opc3'];
		$otro_opc4  = $_POST['otro_opc4'];
		$array = array(
			$anombre,
			$email,
			$campos,
			$selecciones,
			$cantidad_1,
			$cantidad_2,
			$cantidad_3,
			$cantidad_4,
			$otro_opc1,
			$otro_opc2,
			$otro_opc3,
			$otro_opc4,
			$telefono,
			$tarjeta,
			$fecha_reservacion
		);
		if(isset($_SESSION['reservacion1']))
		{
			unset($_SESSION['reservacion1']);
		}
		$_SESSION['reservacion1'] = $array;
	}
	else
	{
		header("Location: http://localhost/Proyecto/PHP/reservacion.php");
	}
?>
<!DOCTYPE HTML>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Proyecto</title>
	<link href="../styles/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="../styles/base.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
	<script type="text/javascript" src="../scripts/jquery.pikachoose.js"></script>
	<script type="text/javascript">
				$(document).ready(function() {
				
					$("#pikame").PikaChoose();
					
					$("#opcion1").change(function(){
						if($("#opcion1").is(':checked'))
						{
							$("#cantidad_opc1").removeAttr('disabled');
						}
						else
						{
							$("#cantidad_opc1").attr('disabled', 'disabled');
						}
					});
					
					$("#opcion2").change(function(){
						if($("#opcion2").is(':checked'))
						{
							$("#cantidad_opc2").removeAttr('disabled');
						}
						else
						{
							$("#cantidad_opc2").attr('disabled', 'disabled');
						}
					});
					
					$("#opcion3").change(function(){
						if($("#opcion3").is(':checked'))
						{
							$("#cantidad_opc3").removeAttr('disabled');
						}
						else
						{
							$("#cantidad_opc3").attr('disabled', 'disabled');
						}
					});
					
					$("#opcion4").change(function(){
						if($("#opcion4").is(':checked'))
						{
							$("#cantidad_opc4").removeAttr('disabled');
						}
						else
						{
							$("#cantidad_opc4").attr('disabled', 'disabled');
						}
					});
					
					$("#tbn_continuar").click(function(){
						$("#reservacion2").submit();
					});
					
					$("#tbn_atras").click(function(){
						parent.history.back();
					});
					
				});
	</script>
	</head>
	<body>
    <div id="container">
      <header>
        <nav>
          <ul id="nav">
            <li><a href="../index.php" >Inicio</a></li>
            <li><a href="../about.php">Nosotros</a></li>
            <li><a href="../menu.php">Menú</a></li>
            <li><a href="../gallery.php">Galería</a></li>
            <li><a href="/Proyecto/PHP/reservaciones.php" class="current">Reservar</a></li>
            <li><a href="../contact.php">Contacto</a></li>
          </ul>
        </nav>
        <hgroup class="intro">
          <h1 class="title">PILEÑAS</h1>
		  <h3 class="tagline">Su pizza a la leña y más</h3>
        </hgroup>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
      </header>
      <div class="wrapper">
        <div class="clear"></div>
        <div class="border"></div>
		<article>
		  <h3>Elecci&oacute;n de Ensaladas:</h3>
		  <p>Si desea, elija alguna opci&oacute;n</p>
		  <form action="cotizacion.php" id="reservacion2" method="post">
			<div class="left">
				<h3>Ensalada Duo ₡3500</h3>
			</div>
		    <div class="left star"><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""></div>
		    <div class="right menu-order">
				Seleccionar: <input type="checkbox" id="opcion1" name="opcion[]" value="1" />
				<br>
				Cantidad: <select id="cantidad_opc1" name="cantidad_opc1" disabled="true" >
				  <option value="1" >1</option>
				  <option value="2" >2</option>
				  <option value="3" >3</option>
				  <option value="4" >4</option>
				  <option value="5" >5</option>
				  <option value="6" >6</option>
				  <option value="7" >7</option>
				  <option value="8" >8</option>
				  <option value="9" >9</option>
				  <option value="10" >10</option>
				  <option value="otro" >otro...</option>
				</select> 
				<br> <input type="text" style="display: none;" id="otro_opc1" name="otro_opc1" />
			</div>
		    <img src="../images/home/1.jpg" class="left clear item" width="150" alt="">
		    <p class="left">Combinación de pepino y remolacha bañado con aderezo de la casa y condimentada con pimientos naturales, acompañada de tortillas tostadas.</p>
		    <div class="border3"></div>
		    <div class="left">
    		  <h3>Ensalada Aguacate ₡3500</h3>
		    </div>
		    <div class="left star"><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""></div>
		    <div class="right menu-order">
				Seleccionar: <input type="checkbox" id="opcion2" name="opcion[]" value="2" />
				<br>
				Cantidad: <select id="cantidad_opc2" name="cantidad_opc2" disabled="true" >
				  <option value="1" >1</option>
				  <option value="2" >2</option>
				  <option value="3" >3</option>
				  <option value="4" >4</option>
				  <option value="5" >5</option>
				  <option value="6" >6</option>
				  <option value="7" >7</option>
				  <option value="8" >8</option>
				  <option value="9" >9</option>
				  <option value="10" >10</option>
				  <option value="otro" >otro...</option>
				</select> 
				<br> <input type="text" style="display: none;" id="otro_opc2" name="otro_opc2" />
			</div>
		    <img src="../images/home/4.jpg" class="left clear item" width="150" alt="">
		    <p class="left">Mezcla exquisita de aguacate con aderezo de la casa y semillas, servida sobre una cama verde.</p>
		    <div class="border3"></div>
			<h3>Elecci&oacute;n de Postre:</h3>
		    <div class="left">			
			  <h3>ChocoFest ₡3600</h3>
		    </div>
		    <div class="left star"><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""></div>
		    <div class="right menu-order">
				Seleccionar: <input type="checkbox" id="opcion3" name="opcion[]" value="3" />
				<br>
				Cantidad: <select id="cantidad_opc3" name="cantidad_opc3" disabled="true" >
				  <option value="1" >1</option>
				  <option value="2" >2</option>
				  <option value="3" >3</option>
				  <option value="4" >4</option>
				  <option value="5" >5</option>
				  <option value="6" >6</option>
				  <option value="7" >7</option>
				  <option value="8" >8</option>
				  <option value="9" >9</option>
				  <option value="10" >10</option>
				  <option value="otro" >otro...</option>
				</select> 
				<br> <input type="text" style="display: none;" id="otro_opc3" name="otro_opc3" />
			</div>
		    <img src="../images/home/3.jpg" class="left clear item" width="150" alt="">
		    <p class="left">Bolita de Chocolate rellena de dulce de leche, nutella o jarabe de fresas, recubierta con una capa de chocolate oscuro y confites.</p>
		    <div class="border3"></div>
		    <div class="left">
			  <h3>FresaFest ₡3600</h3>
		    </div>
		    <div class="left star"><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""><img src="../images/star_full.png" class="noeffects" alt=""></div>
		    <div class="right menu-order">
				Seleccionar: <input type="checkbox" id="opcion4" name="opcion[]" value="4" />
				<br>
				Cantidad: <select id="cantidad_opc4" name="cantidad_opc4" disabled="true" >
				  <option value="1" >1</option>
				  <option value="2" >2</option>
				  <option value="3" >3</option>
				  <option value="4" >4</option>
				  <option value="5" >5</option>
				  <option value="6" >6</option>
				  <option value="7" >7</option>
				  <option value="8" >8</option>
				  <option value="9" >9</option>
				  <option value="10" >10</option>
				  <option value="otro" >otro...</option>
				</select> 
				<br> <input type="text" style="display: none;" id="otro_opc4" name="otro_opc4" />
			</div>
		    <img src="../images/home/2.jpg" class="left clear item" width="150" alt="">
		    <p class="left">Fresa natural triturada con queso crema, almendras y escencia de fresa, bañada con sirope de fresa.</p>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<input type="button" id="tbn_atras" value="Atras" class="button" />&nbsp;
			<input type="button" id="tbn_continuar" value="Cotizar" class="button" />
		</article>
		<input type="hidden" id="sid" name="sid" value="<?php echo htmlspecialchars(SID); ?>" />
		</form>
        <div class="border2"></div>
        <br />
      </div>
      <footer>
        <div class="border"></div>
        <div class="footer-widget">
        <h4>Políticas</h4>
          <p>Las reservaciones se deben realizar con un minimo de 24 horas de anticipación, se presentar la factura impresa o llevar el número de la misma. La cancelación de las reservaciones se debe realizar con una antelación de al menos 24 horas y se cobrará solamente la mitad del precio total, en caso contrario será cobrado en su totalidad.</p>
        </div>
        <div class="footer-widget">
          <h4>Promociones</h4>
          <ul class="blog">
            <li>Las promociones son validas solamente en los días y horas especificadas.</li>
            <li>No se pueden mezclar dichas promociones.</li>
           <!-- <li><a href="#">Suspendisse In Neque</a><br/> -->
              Solamente se pueden cancelar en efectivo</li>
          </ul>
        </div>
        <div class="footer-widget">
          <h4>Buscanos!</h4>
          <div id="social"> <a href="http://twitter.com" class="s3d twitter" target="_blank"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com" class="s3d facebook" target="_blank"> Facebook <span class="icons facebook"></span> </a> <a href="http://forrst.com" class="s3d forrst" target="_blank"> Forrst <span class="icons forrst"></span> </a> <a href="http://www.flickr.com" class="s3d flickr" target="_blank"> Flickr <span class="icons flickr"></span> </a> <a href="#" class="s3d designmoo" target="_blank"> Designmoo <span class="icons designmoo"></span> </a> </div>
        </div>
        <div class="border2"></div>
        <br />
        <span class="copyright"><span class="left"><br />
        &copy; Copyright 2012 - All Rights Reserved - <a href="#">PILEÑA</a></span><span class="right"><br />
        Design by <a href="http://www.priteshgupta.com">PriteshGupta.com</a><br />
        <br>
        <br />
        </span></span></footer>
    </div>
</body>
</html>